<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/jquery-1.11.3.js"></script>

    <!--<script>
        var btn = document.getElementById("btn");
        btn.onclick = function (){

        }
    </script>-->

    <script>
        $(function (){
            $('#btn1').click(function (){
                //this 就是事件源DOM对象
                console.log(this);
                //事件源 DOM对象  <-->  JQ对象
                console.log($(this));
            });

            $('.myBtn').click(function (){
                console.log('hello');
            });
        });
    </script>
</head>
<body>
<!--<button onclick="clickTo()"></button>-->

<button id="btn1">btn1</button>
<button id="btn2" class="myBtn">btn2</button>
<button id="btn3" class="myBtn">btn3</button>
</body>
</html>